import React from "react";
import { InbizIcon } from "@inbiz/utils"
import { FormattedMessage } from "react-intl"
import './index.less';

const prefixCls = 'SeeMoreBtn';

export type SeeMoreBtnProps = { text?: string | undefined; onClick: (e: any) => void };
const SeeMoreBtn = (props: SeeMoreBtnProps) => {
  const { text, onClick } = props;
  return (
    <span className={`${prefixCls}`} onClick={onClick}>
      {text || <FormattedMessage id="seeMore" />}
      <InbizIcon
        type={'icon-arrow-right-bold'}
      />
    </span>
  )
}

export default SeeMoreBtn;